<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
    <style>
        body {
            background: #f2f2f2;
            color: #999;
        }

        .info-box {
            height: 85px;
            background-color: white;
            background-color: #ecf0f5;
        }

        .info-box .info-box-icon {
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
            display: block;
            float: left;
            height: 85px;
            width: 85px;
            text-align: center;
            font-size: 45px;
            line-height: 85px;
            background: rgba(0, 0, 0, 0.2);
        }

        .info-box .info-box-content {
            padding: 5px 10px;
            margin-left: 85px;
        }

        .info-box .info-box-content .info-box-text {
            display: block;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-transform: uppercase;
        }

        .info-box .info-box-content .info-box-number {
            display: block;
            font-weight: bold;
            font-size: 18px;
        }

        .major {
            font-weight: 10px;
            color: #01AAED;
        }

        .main {
            margin-top: 25px;
        }

        .main .layui-row {
            /* margin: 10px 0; */
            margin-left: -15px;
            margin-right: -15px;
        }

        .panel {
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        }

        .panel.log {
            margin-bottom: 10px;
        }

        .layui-elem-quote {
            background-color: #FFF;
            font-size: 14px;
            color: #ff6c60;
        }

        .panel-heading {
            border-bottom: 1px solid #EEE;
            padding: 1.4em;
        }

        .symbol {
            width: 40%;
            padding: 1.4em 0;
            border-radius: 4px 0px 0px 4px;
            display: inline-block;
            text-align: center;
        }

        .symbol i {
            color: #fff;
            font-size: 3em;
        }

        .value {
            width: 58%;
            text-align: center;
            float: right;
            margin-top: 1.4em;
        }

        .value h1 {
            font-size: 1.8em;
        }

        .bgcolor-blue {
            background: #1E9FFF;
        }

        .color-blue {
            color: #1E9FFF;
        }

        .bgcolor-commred {
            background: #ff6c60;
        }

        .color-commred {
            color: #ff6c60;
        }

        .bgcolor-dark-green {
            background: #009688;
        }

        .color-dark-green {
            color: #009688;
        }

        .bgcolor-yellow-green {
            background: #5FB878;
        }

        .color-yellow-green {
            color: #5FB878;
        }

        .bgcolor-orange {
            background: #FF5722;
        }

        .color-orange {
            color: #FF5722;
        }

        .bgcolor-yellow {
            background: #F7B824;
        }

        .color-yellow {
            color: #F7B824;
        }

        .layui-col-xs6,
        .layui-col-xs12 {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .panel-body {
            padding: 15px;
        }
    </style>
    <!-- <link rel="stylesheet" type="text/css" href="https://oozol.com/css/main.css?v1.4.0" media="all"> -->
</head>

<body>
    <div class="layui-fluid main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md2">
                <section class="panel">
                    <div class="symbol bgcolor-blue"><i class="fa fa-heart-o" aria-hidden="true"></i>
                    </div>
                    <div class="value tab-menu">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"><i class="iconfont"></i>
                            <h1>10</h1>
                        </a>
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"> <i class="iconfont"></i><span>用户总量</span></a>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md2">
                <section class="panel">
                    <div class="symbol bgcolor-commred"><i class="fa fa-heart-o" aria-hidden="true"></i>
                    </div>
                    <div class="value tab-menu">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="今日注册"><i class="iconfont"></i>
                                <h1>10</h1>
                            </a>
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="今日注册"> <i class="iconfont"></i><span>今日注册</span></a>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md2">
                <section class="panel">
                    <div class="symbol bgcolor-dark-green"><i class="fa fa-heart-o" aria-hidden="true"></i>
                    </div>
                    <div class="value tab-menu">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"><i class="iconfont"></i>
                                <h1>10</h1>
                            </a>
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"> <i class="iconfont"></i><span>用户总量</span></a>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md2">
                <section class="panel">
                    <div class="symbol bgcolor-yellow-green"><i class="fa fa-heart-o" aria-hidden="true"></i>
                    </div>
                    <div class="value tab-menu">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"><i class="iconfont"></i>
                                <h1>10</h1>
                            </a>
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"> <i class="iconfont"></i><span>用户总量</span></a>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md2">
                <section class="panel">
                    <div class="symbol bgcolor-blue"><i class="fa fa-heart-o" aria-hidden="true"></i>
                    </div>
                    <div class="value tab-menu">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"><i class="iconfont"></i>
                                <h1>10</h1>
                            </a>
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"> <i class="iconfont"></i><span>用户总量</span></a>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md2">
                <section class="panel">
                    <div class="symbol bgcolor-blue"><i class="fa fa-heart-o" aria-hidden="true"></i>
                    </div>
                    <div class="value tab-menu">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"><i class="iconfont"></i>
                                <h1>10</h1>
                            </a>
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="用户总量"> <i class="iconfont"></i><span>用户总量</span></a>
                    </div>
                </section>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-xs12">
                <blockquote class="layui-elem-quote">本权限管理系统采用 .Net Core 2.0开发，诸多问题改进优化中。。。</blockquote>
            </div>
        </div>
        <div class="layui-row">
            <!-- <div class="layui-col-md12">
                
            </div> -->
            <div class="layui-col-xs12 layui-col-md6">

                <section class="panel log">
                    <div class="panel-heading">
                        更新日志
                        <a href="javascript:;" class="pull-right panel-toggle"></a>
                    </div>
                    <div class="panel-time" style="margin-top: 20px;margin-left: 10px;">
                        <ul class="layui-timeline">
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2017年10月07日</h3>
                                    <!-- <p>权限管理系统<em>v1.0.0</em></p> -->
                                    <ul>
                                        <li> 后台用户列表处理</li>
                                        <li> 后台用户添加修改等功能</li>
                                    </ul>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2017年09月30日</h3>
                                    <!-- <p>权限管理系统<em>v1.0.0</em></p> -->
                                    <ul>
                                        <li> 添加权限模块</li>
                                        <li> 添加后台登录页面</li>
                                        <li> 添加登录验证码功能</li>
                                        <li> 模板来自基于(layui)开发的(KIT ADMIN)</li>
                                    </ul>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <div class="layui-timeline-title">权限管理系统<em>v1.0.0</em>开工</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- <div class="panel-body">
                                            <h2>权限管理系统v1.0.0 2017-09-30</h2>
                                            <ul>
                                                <li> 添加权限模块</li>
                                                <li> 添加后台模板</li>
                                                <li> 添加测试模块文章管理</li>
                                                <li> 添加后台登录页面</li>
                                                <li> 添加登录验证码功能</li>
                                                <li> 模板来自基于(layui)开发的(KIT ADMIN)</li>
                                            </ul>
                                            <p>博客首页 <a href="http://oozol.com" target="_blank" class="layui-btn layui-btn-small">查看</a></p>
                                        </div> -->
                </section>
            </div>


            <div class="layui-col-xs12 layui-col-md6">
                <section class="panel">
                    <div class="panel-heading">
                        网站信息
                        <a href="javascript:;" class="pull-right panel-toggle"></a>
                    </div>
                    <div class="panel-body">
                        <table class="layui-table">
                            <tbody>
                                <tr>
                                    <td>
                                        <strong>软件名称</strong>：
                                    </td>
                                    <td>
                                        <a href="http://oozol.com">权限管理系统</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <strong>软件版本</strong>：
                                    </td>
                                    <td>
                                        V1.0.0
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <strong>开发作者</strong>：
                                    </td>
                                    <td>Hei幕、(后台程序)</td>
                                </tr>
                                <!-- <tr>
                                                        <td>
                                                            <strong>软件官网</strong>：
                                                        </td>
                                                        <td>
                                                            <a href="http://oozol.com" target="_blank">jqadmin</a>
                                                            <a class="layui-btn  layui-btn-small  layui-btn-danger" href="http://www.kancloud.cn/jqcool/jqadmin" target="_blank">使用手册1.3.4</a>
                                                        </td>
                                                    </tr>
                                                    
                                                    <tr>
                                                        <td>
                                                            <strong>QQ讨论群</strong>：
                                                        </td>
                                                        <td>
                                                            <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=bb0dbfcf87d269f825807a1ba7ff6a1c09d07b98b724192ed325e840284b4821"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="jQ酷" title="jQ酷"></a> 入群答案：jqadmin</td>
                                                    </tr> -->
                                <tr>
                                    <td>
                                        <strong>源码下载</strong>：
                                    </td>
                                    <td><a href="javascript:;" target="_blank" class="layui-btn layui-btn-small">码云下载</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <strong>服务器环境</strong>：
                                    </td>
                                    <td>Centos7.2</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </section>
                <!-- <section class="panel">
                                        <div class="panel-heading">
                                            数据统计
                                            <a href="javascript:;" class="pull-right panel-toggle"><i class="iconfont">&#xe604;</i></a>
                                        </div>
                                        <div class="panel-body">
                                            <div class="echarts" id="echarts"></div>
                                        </div>
                                    </section> -->
            </div>

        </div>
    </div>
    <script src="./plugins/layui/layui.js"></script>
    <script>
        layui.use('jquery', function () {
            var $ = layui.jquery;
            $('#test').on('click', function () {
                parent.message.show({
                    skin: 'cyan'
                });
            });
        });
    </script>
</body>

</html>